<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/carousel.css">
    <!-- 地图 -->
    <script type="text/javascript"
    src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>
</head>

<body>
          <!-- 页面头部 -->
       <header>
           <!-- 轮播图 -->
           <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../images/SecondHandList/img.png"></div>
                <div class="swiper-slide"><img src="../images/SecondHandList/img.png"></div>
                <div class="swiper-slide"><img src="../images/SecondHandList/img.png"></div>
                <div class="swiper-slide"><img src="../images/SecondHandList/img.png"></div>
                <div class="swiper-slide"><img src="../images/SecondHandList/img.png"></div>
            </div>
            <!-- 如果需要分页器 -->
            <div id="paging" class="swiper-pagination"></div>
    
            <!-- 如果需要导航按钮 -->
            <!-- <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div> -->
    
            <!-- 如果需要滚动条 -->
            <!-- <div class="swiper-scrollbar"></div> -->
        </div>
        <!-- 导航等组件可以放在Swiper容器之外 -->
       </header>

        <!-- 页面主体 -->
       <main>
           <div class="main-1">
                <div class="main-1-1">
                    <h3>天鹅湾小区精装两居，满五唯一，业主换房急售</h3>
                    <div>
                        <span>466</span>
                        万元(单价: 46327元/平)
                        <span><img src="../images/SecondHandList/phone.png"></span>
                    </div>
                    <div>
                        挂牌时间2015年6月20号
                    </div>
                    <div>
                        <span>学区房</span>
                        <span>独家</span>
                        <span>满五唯一</span>
                    </div>
                </div>
           </div>   
           <div class="main-2">
                <div class="main-2-2">
                    <ul>
                        <li><span>户型: 3室2厅</span><span>面积: 100平</span></li>
                        <li><span>楼层: 中楼层</span><span>朝向: 西南</span></li>
                        <li><span>精修: 精装</span><span>楼型: 塔楼</span></li>   
                        <li><span>年代: 2004年</span><span>区域: 西二旗</span></li>   
                        <li><span>首付: 123万</span><span>月供: 15683元</span></li>   
                        <li><span>地铁: 离西二旗地铁站800米</span></li>   
                        <li><span>小区: 珠江帝景</span></li>   
                        <li><span>学校: 北京市第二实验小学</span></li>   
                    </ul>
                    <div>更多房源信息</div>
                </div>
           </div>  
           <div class="main-3">
                <div class="main-3-3">
                    <ul>
                        <li>房源特色</li>
                        <li>
                        小区怀静优雅，虽处闹市中，小区南200米有美廉美超市，西30米有华联
                        商场，星美国际影城，东北角就是大中电器，小区东100米有汇佳幼儿园，
                        昌平实验一小，昆泰国际大酒店...
                        </li>
                        <li>更多特色</li>
                    </ul>
                </div>
           </div>
           <div class="main-4">
                <div class="main-4-4">
                    <ul>
                        <li>户型分间</li>
                        <li>
                            <div><img src="../images/SecondHandList/img4.png"></div>
                            <div class="text">
                                <div>当前格局</div>
                                <div>分间信息: 客厅25平米,南北通透</div>
                                <div><span>南北通透</span><span>全明格局</span></div>
                            </div>
                        </li>
                        <li>
                            <div><img src="../images/SecondHandList/img5.png"></div>
                            <div class="text">
                                <div>当前格局</div>
                                <div>分间信息: 客厅25平米,南北通透</div>
                                <div><span>南北通透</span><span>全明格局</span></div>
                            </div>
                        </li>
                    </ul>
                </div>
           </div>
           <div class="main-5">
            <div class="main-5-5">
                <ul>
                    <li>对口学校</li>
                    <li><span>学校名称:</span> 北京市第二实验小学</li>
                    <li><span>升学方式:</span> 直升、派位</li>
                    <li><span>对口中学:</span> 团结湖中学</li>
                    <li><span>划片小学:</span> 3个划片小区 在售房源150套</li>
                    <li><span>学校特色:</span> 包食宿、有校车</li>
                    <li>查看学校详情</li>
                </ul>
            </div>
           </div>
           <div class="main-6">
                <div class="main-6-6">
                    <div id="container"></div>
                    <!-- <ul>
                        <li>位置及周边</li>
                        <li><img src="../images/SecondHandList/map.png"></li>
                    </ul> -->
                </div>
           </div>
           <div class="main-7">
               <div class="main-7-7">
                    <ul>
                        <li>推荐房源</li>
                        <li>
                            <div><img src="../images/index/img1.jpg"></div>
                            <div class="text">
                                <h2>文化部中间层 一层带...</h2>
                                <div>2室一厅96m²南北 <span>1105万</span></div>
                                <div><span>红庙北里</span> <span>14264/平</span></div>
                                <div><span>学区房</span></div>
                            </div>
                            <div class="pos">
                                推荐理由: 同户型、通风好、采光好
                            </div>
                        </li>
                        <li>
                            <div><img src="../images/index/img1.jpg"></div>
                            <div class="text">
                                <h2>文化部中间层 一层带...</h2>
                                <div>2室一厅96m²南北 <span>1105万</span></div>
                                <div><span>红庙北里</span> <span>14264/平</span></div>
                                <div><span>学区房</span></div>
                            </div>
                            <div class="pos">
                                推荐理由: 同户型、通风好、采光好
                            </div>
                        </li>
                        <li>
                            <div><img src="../images/index/img1.jpg"></div>
                            <div class="text">
                                <h2>文化部中间层 一层带...</h2>
                                <div>2室一厅96m²南北 <span>1105万</span></div>
                                <div><span>红庙北里</span> <span>14264/平</span></div>
                                <div><span>学区房</span></div>
                            </div>
                            <div class="pos">
                                推荐理由: 同户型、通风好、采光好
                            </div>
                        </li>
                        <li>
                            <div><img src="../images/index/img1.jpg"></div>
                            <div class="text">
                                <h2>文化部中间层 一层带...</h2>
                                <div>2室一厅96m²南北 <span>1105万</span></div>
                                <div><span>红庙北里</span> <span>14264/平</span></div>
                                <div><span>学区房</span></div>
                            </div>
                            <div class="pos">
                                推荐理由: 同户型、通风好、采光好
                            </div>
                        </li>
                    </ul>
               </div>
           </div>
           <div class="main-8">
                查看更多相似房源
           </div>
       </main>
    
       <!-- 页面尾部 -->
       <footer>
        <div class="foot-1">北京找房无忧 > 首页</div>
        <div class="foot-2">
            <div>
                <img src="../images/index/apple.png">
                <span>iphone<br>客户端</span>
            </div>
            <div>
                <img src="../images/index/android.png">
                <span>android<br>客户端</span>
            </div>
        </div>
        <div class="foot-3">
            <p>北京找房无忧房地产经纪公司</p> 
            <p>网络经营许可证京ICP备20160812号</p> 
        </div>
       </footer>
</body>

</html>

<script src="../js/carousel.js"></script>
<script src="../js/public.js"></script>


    
    
   